<!doctype>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Welcome</title>
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        p{
            line-height:1.5;
        }
        .content {
            padding: 24px;
        }
        .image {
            display: flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            padding-top:32px;
            padding-bottom:32px;
        }
    </style>
</head>
<body>
<div class="content">
    <h1>创建压缩文件</h1>
    <p>
        作为压缩文件管理器，本项目当然是可以创建压缩文件的。
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        目前支持创建的格式并不多，未来会逐渐增加更多的可创建的格式，创建压缩文件的操作十分简单，在开始的页面点击“创建”按钮（被圈出来的那个），
        并且在弹出的菜单中选择一个想要创建的格式，接下来你会看到一个新的窗口，在窗口中选择需要压缩的文件或者目录，然后填写必要的参数并点击“确定”
        ，此时创建的过程就会开始了。
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        被圈出来的部分是选择目录和选择文件的按钮，如果你想要压缩一个目录，请点击左侧的按钮，如果想要压缩一个文件，请使用右侧的。
    </p>
</div>
</body>
</html>